@import "var.less";
@import "table.less";

#pathset{
	.map{
		margin-top: 15px;box-shadow: @shadow-base;
		position: relative;

		#homemap{
			width: 100%;height: 100%;
			position: relative;
		}

		.map-left{
			position: absolute;right: 310px-122px;top:10px;
			li{margin-right: 3px;display: inline-block;width: 35px;}
			button{height: 35px;padding:0;text-align: center;font-size: 16px;}
		}

		.map-right{
			position: absolute;right: 10px;top:55px;z-index:182;padding: 0 15px;
			width: 300px;box-shadow: @shadow-base;background: #fff;
			transition:all @transition-time;

			.title{
				height: 36px;line-height: 36px;background: @primary-color;margin: 0 -15px;color:#fff;text-align: right;
				>span{padding-left:10px;}
				.tigger{
					display: inline-block;border-left:1px solid darken(@primary-color, 8%);
					.ivu-btn {height: 36px;vertical-align: top;text-align: center;}
					.fa{font-size: 16px;vertical-align: middle;}
				}
			}
			.table{
				td{border-right: 0;}
			}

			&.off{
				width: 48px;height: 36px !important;overflow: hidden;
				.tigger{border:none;}
			}
		}

	}

	.selected{
		background-color: @info-color;
		a{
			color: #fff;
		}
		.operate-icon li{
			background-color: @background-color-base;
			color: @text-color;
		}
	}

}
.timeItem{
	position: relative;
	>.ivu-btn{position: absolute;right: -75px;top:1px;width: 70px}
	.ivu-form-item-error-tip{
		left:auto;top:6px;right:30px;
	}
}
